<!--<link rel="stylesheet" href="${request.contextPath}/lib/plugins/zTree3/css/zTreeStyle/zTreeStyle.css" type="text/css">-->
<!--<link rel="stylesheet" href="${request.contextPath}/lib/plugins/select2/select2.min.css">-->
<div class="box box-primary">
    <div class="box-body" style="width: 100%">
        <!--<div class="row">-->
        <!--<div class="col-xs-3">-->
        <!--<div class="input-group">-->
        <!--<span class="input-group-addon" id="sizing-addon1" >物流平台</span>-->
        <!--<input type="text" class="form-control" id="logisticsname"-->
        <!--aria-describedby="sizing-addon1">-->
        <!--</div>-->

        <!--</div>-->
        <!--<div class="col-xs-3">-->
        <!--<div class="input-group">-->
        <!--<span class="input-group-addon" id="sizing-addon2">状态</span>&lt;!&ndash; <input&ndash;&gt;-->
        <!--&lt;!&ndash;type="text" class="form-control" id="state"&ndash;&gt;-->
        <!--&lt;!&ndash;aria-describedby="sizing-addon2">&ndash;&gt;-->
            <!--<div>-->
                <!--<select class="form-control" data-placeholder="启用状态" id="state1" name="state">-->
                    <!--<option value=""></option>-->
                    <!--<option value="1">启用</option>-->
                    <!--<option value="0">未启用</option>-->
                <!--</select>-->
            <!--</div>-->
        <!--</div>-->
        <!--</div>-->
        <!--<div class="col-xs-1">-->
        <!--<button class="btn btn-default" onclick="condictionsSearch()">-->
        <!--<i class="fa fa-search"></i> 搜索</button>-->
        <!--</div>-->
        <!--</div>-->
    </div>
    <div class="box-header with-border">
        <div id="mainpanel" style="margin: 0px 0px 0px 0px;">
            <div id="mapcontent" style="width: 100%;position: relative;">
                <!-- ${user.nickName!} -->
                <div id="btn_list">

                </div>
                <div class="box-header with-border">
                    <div class="box-body" style="width: 100%">
                        <div class="row">
                            <#list btnlist as items>
                                <button class="${items.funcBg!}" id="${items.funcCode!}">
                                    <i class="${items.funcIcon!}"></i> ${items.funcName!}</button>

                            </#list>

                        </div>
                    </div>
                </div>
                <div class="box-body">
                    <table width="100%" class="table table-bordered table-striped" id="data_table">
                    </table>
                </div>
            </div>
        </div>
    </div>
</div>

<!--<script src="${request.contextPath}/lib/plugins/datatables/jquery.dataTables.min.js"></script>-->
<!--<script type="text/javascript" src="${request.contextPath}/lib/plugins/zTree3/js/jquery.ztree.core.js"></script>-->
<!--<script type="text/javascript" src="${request.contextPath}/lib/plugins/zTree3/js/jquery.ztree.excheck.js"></script>-->
<!--<script src="${request.contextPath}/lib/plugins/select2/select2.full.min.js"></script>-->
<!--<script type="text/javascript" src="${request.contextPath}/js/aboutForm.js"></script>-->
<script type="text/javascript">
//        function condictionsSearch() {
//
//            var logisticsname = $("#logisticsname").val();
//            var state = $("#state1").val();
//            var url = contextPath + "/soa/baseinfo/logistics/datas/search";
//            var params = {};
//            params.name = logisticsname;
//            params.state = state;
//            //aboutForm。js里
//            refreshData(url, params);
//        }
    $(document).ready(function() {
        search();
    });

    var table;
    //modelThat是编辑模态框的临时保存对象,在校验后成功提交后关闭模态框
    var modelThat;

    function search(){
        var params = {};

        table = $('#data_table').DataTable({
            "ajax" : {
                "url":contextPath + "/soa/baseinfo/duration/datas/search",
                "type": "post",
                "dataType":"json",
                "data":params

            },
            pageLength : 8,

            "language": {
                "sProcessing": "正在加载中......",
                "sLengthMenu": "每页显示 _MENU_ 条记录",
                "sInfo": "从 _START_ 到 _END_ /共 _TOTAL_ 条数据",
                "sZeroRecords": "对不起，查询不到相关数据！",
                "sEmptyTable": "表中无数据存在！",
                "search": "查询:",
                "paginate": {
                    "previous": "上一页",
                    "next": "下一页",
                    "first": "第一页",
                    "last": "最后一页"
                }
            },
            paging: true,
            lengthChange: false,
            searching: false,
            ordering: false,
            search: false, //显示搜索框
            info: true,
            autoWidth: true,
            columns: [
                {
                    title: '序号',
                    width:"10%",
                    data: function (e) {//这里给最后一列返回一个操作列表
                        return '<input type="checkbox" value="'+e.id+'">';
                    }
                },
                {
                    title: '配送起始里程',
                    width:"25%",
                    data: 'lDistance',
                    align: 'center',
                    valign: 'middle',
                },
                {
                    title: '配送结束里程',
                    width:"25%",
                    data: 'rDistance',
                    align: 'center',
                    valign: 'middle',
                },
                {
                    title: '时长（min）',
                    width:"25%",
                    data :'useTime',
                    align: 'center',
                    valign: 'middle',
                },
//                {
//                    title: '创建时间',
//                    width:"25%",
//                    "data" :function(e) {//这里给最后一列返回一个操作列表
//                        return dateFormat(e.createTime);
//                    },
//                    align: 'center',
//                    valign: 'middle',
//                }
            ]
        });

    }
    //操作方法
    $(function(){


        //增加
        $('#add').on('click',function(){
            post("/soa/baseinfo/duration/inst", "html", "", function(obj) {
                var d = dialog({
                    title : '新增配送时间',
                    content : obj,
                    width : 400,
                    height : 210,
                    okValue : '保存',
                    zIndex : 1050,
                    ok : function() {
                        modelThat = this;
                        $('#form_duration').bootstrapValidator('validate');

                        return false;
                        cancel: false
                    },
                    cancelValue : '取消',
                    cancel : function() {
                    }
                });
                d.showModal();
            });
        });

//        //是否生效
//        $('#status').on('click',function(){
//            $table =table.table().node();
//            var $chkbox_checked = $('tbody input[type="checkbox"]:checked', $table);
//            var data={"id":$chkbox_checked.val()};
//            var name = $chkbox_checked.parent().parent().find('td').eq(1).html();
//            if($chkbox_checked.length<1){
//                var d = dialog({
//                    title:'提示',
//                    content : '请勾选要修改的记录！'
//                });
//                d.show();
//                setTimeout(function() {
//                    d.close().remove();
//                }, 2000);
//            }else
//            if($chkbox_checked.length>1){
//                var d = dialog({
//                    title:'提示',
//                    content : '请不要勾选多条记录修改！'
//                });
//                d.show();
//                setTimeout(function() {
//                    d.close().remove();
//                }, 2000);
//            }else {
//
//                var d = dialog({
//                    title : '提示信息',
//                    content:'确认更改昵称为：'+name+' 的这条记录的生效状态？',
//                    okValue : '确认',
//                    ok : function() {
//                        $.ajax({
//                            url : contextPath + "/soa/baseinfo/logistics/update",
//                            type : "post",
//                            data : data,
//                            dataType : "json",
//                            async : false,
//                            success : function(result) {
//                                var t = dialog({
//                                    title:'提示',
//                                    content : result.msg
//                                });
//                                t.show();
//                                DTrefresh();
//                                setTimeout(function() {
//                                    t.close().remove();
//                                }, 2000);
//                            }
//                        });
//                    },
//                    cancelValue : '取消',
//                    cancel : function() {
//                    }
//                });
//                d.showModal();
//            }
//        });







    });

    //刷新数据
    function DTrefresh(sence) {
        var url = contextPath + "/soa/baseinfo/duration/datas/search";
        table.settings()[0].ajax.url = url;
        setTimeout(function() {
            table.ajax.reload();
        }, 200);
    }


</script>